
html {
    font-size: 100px
}

body {
    font-size: $-main-font-size
    font-family: $-main-font-family
    color: $-main-font-color
}

a
    text-decoration: none;

h2
    font-size: 20px;

.layout
    min-height: 100vh;
    .logo
        height: 70px;
        padding: 15px;
        padding-left: 5px;
        overflow: hidden;
        img
            height: 35px;
        h2
            font-size: 24px;
            color:#fff;
    .logo1
        padding: 15px;
        img
            height: 30px;

    .sider
        height: 100vh;
        overflow-y: auto;
        .ant-menu
            max-width: 250px;
            .ant-menu-item span
                max-width: 180px;
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;

    .trigger
        font-size: 18px;
        line-height: 64px;
        padding: 0 24px;
        cursor: pointer;
        transition: color 0.3s;

    .layout-content
        background: #FFF;
        height: 100vh;
        // overflow-x: auto !important;
        .content
            background: #f8f8f8;
            position: relative;
            min-width: @page-content-min-width;
            .header
                background: #FFF;
                position: absolute;
                top: 0;
                width: 100%;
                height: 60px;
                z-index: 99;
                border-bottom: 1px solid #e8e8e8;
                .user
                    position: absolute;
                    right: 25px;
                    top: 0;

            .content-children
                height: 100vh;
                // margin: 0 5px 0 5px;
                padding: 60px 0 16px 0;
                overflow: auto;

                .main
                    border-radius: 5px;
#app
    .ant-menu-dark 
        .ant-menu-item > a 
            color rgba(236,236,236,0.85)
        .ant-menu-item.ant-menu-item-active > a 
            color #fff

// fix date range picker align
.ant-picker-content th, .ant-picker-content td
    text-align: center;